<div class="pb-sp-item pb-sp-item-list-a" id="SuperPageItem_{{$id}}">
    <div class="pb-container">
        <div class="t-title">{{$content['title'] or ''}}</div>
        <div class="t-sub-title">{{$content['subTitle'] or ''}}</div>
        <div class="t-list">
            <div class="uk-grid">
                @foreach($content['list'] as $item)
                    <div class="uk-width-1-{{$content['mRowCount']}} uk-width-medium-1-{{$content['pcRowCount']}}">
                        <div data-animate-scroll="fadeInUp" class="animated t-item t-item-ratio-{{$content['ratio']}} @if(!empty($content['maskAutoHide'])) t-item-mask-auto-hide @endif" data-src="{{\TechSoft\Laravel\Assets\AssetsUtil::fix($item['image'])}}">
                            <div class="mask">
                                <div class="content">
                                    <div class="title">{{$item['title']}}</div>
                                    <div class="sub-title">{{$item['subTitle']}}</div>
                                    @if($item['buttonText'])
                                        <div class="button">
                                            <a href="{{$item['buttonUrl']}}">{{$item['buttonText']}}</a>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
